<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="../font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/com.css">
</head>

<body>
    <header class="myheader">
        <div class="header_main">
            <div class="header_left">
                <a href="../index.html">北游论坛 </a>
            </div>
            <div class="header_right">
                <a href="./regiest.html">
                    <i class="fa fa-user" aria-hidden="true"></i>
                    注册
                </a>
            </div>
        </div>
    </header>
    <main class="formMine">
        <div class="form-group">
            <label for="name">账号</label>
            <input type="text" class="form-control" id="username" placeholder="请输入账号">
        </div>
        <div class="form-group">
            <label for="name">密码</label>
            <input type="password" class="form-control" id="password" placeholder="请输入密码">
        </div>
        <div>
            <button type="button" class="btn btn-success btn-block">登录</button>
        </div>
    </main>
</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="../js/sendAjax.js"></script>
<script>
    /* 
     用户登录：
     1. 点击用户登录获取用户名密码
     2. 判断用户名密码是否为空若为空则提示用户请补充完整信息
     3. 向后端发送请求并将用户名密码传递给后端
     4. 后端获取前端传递过来的用户名密码
     5. 后端读取存储用户信息的json文件 判断当前登录的用户是否在json数据中，若存在则表示当前用户注册过来判断密码是否正确可以 若密码正确则表示登录成功，设置cookie
     6. 若当前登录的用户不存在用户信息列表中则表示该用户未注册返回前端用户未注册。
    */
   $(".btn-success").click(async ()=>{
    // 获取用户名密码
    let username = $("#username").val();
    let password = $("#password").val();
    // 判断用户名密码是否为空
    if(!username || !password){
        alert("请您补充完整信息！")
        return
    }
    // 发送请求开始登录
    let res = await sendAjax("/login","post",{username,password});
    if(res.code==0){
        alert(res.msg)
        window.location.href = '../index.html'
    }else{
        alert(res.msg)
    }
   })
</script>
</html>